@charset "utf-8";
/* 该网站名称 CSS Document */
/*CSS 初始化*/

body {color:#444; font-size:12px; font-family:微软雅黑,sans-serif; min-width: 1200px; background: url(../images/bg.png);}
body,div,ul,ol,dl,dt,dd,li,dl,h1,h2,h3,h4,h5,h6,p,pre,table,caption,th,td,form,input,button,select,textarea{margin:0; padding:0; list-style:none; font-weight: normal;}
header, article, section, aside, footer, figure, nav{display: block;}
img {border:none; vertical-align:top}

a, a:visited {color:#444; text-decoration: none;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
a:hover{color:#024e9a; text-decoration: none;}

.clearfix:after{display: block; content: ""; clear:both;}

.fl{float:left}
.fr{float:right}


.w100{width:100px;}
.w105{width:105px;}
.w110{width:110px;}
.w115{width:115px;}
.w120{width:120px;}
.w125{width:125px;}
.w130{width:130px;}
.w135{width:135px;}
.w140{width:140px;}
.w145{width:145px;}
.w150{width:150px;}
.w155{width:155px;}
.w160{width:160px;}
.w165{width:165px;}
.w170{width:170px;}
.w175{width:175px;}
.w180{width:180px;}
.w185{width:185px;}
.w190{width:190px;}
.w195{width:195px;}
.w200{width:200px;}
.w205{width:205px;}
.w210{width:210px;}
.w215{width:215px;}
.w220{width:220px;}
.w225{width:225px;}
.w230{width:230px;}
.w235{width:235px;}
.w240{width:240px;}
.w245{width:245px;}
.w250{width:250px;}
.w255{width:255px;}
.w260{width:260px;}
.w265{width:265px;}
.w270{width:270px;}
.w275{width:275px;}
.w280{width:280px;}
.w285{width:285px;}
.w290{width:290px;}
.w295{width:295px;}
.w300{width:300px;}
.w305{width:305px;}
.w310{width:310px;}
.w315{width:315px;}
.w320{width:320px;}
.w325{width:325px;}
.w330{width:330px;}
.w335{width:335px;}
.w340{width:340px;}
.w345{width:345px;}
.w350{width:350px;}
.w355{width:355px;}
.w360{width:360px;}
.w366{width:366px;}
.w370{width:370px;}
.w375{width:375px;}
.w380{width:380px;}
.w385{width:385px;}
.w390{width:390px;}
.w395{width:395px;}
.w400{width:400px;}
.w405{width:405px;}
.w410{width:410px;}
.w415{width:415px;}
.w420{width:420px;}
.w425{width:425px;}
.w430{width:430px;}
.w435{width:435px;}
.w440{width:440px;}
.w445{width:445px;}
.w450{width:450px;}
.w455{width:455px;}
.w460{width:460px;}
.w465{width:465px;}
.w470{width:470px;}
.w475{width:475px;}
.w480{width:480px;}
.w485{width:485px;}
.w490{width:490px;}
.w495{width:495px;}
.w500{width:500px;}
.w505{width:505px;}
.w510{width:510px;}
.w515{width:515px;}
.w520{width:520px;}
.w525{width:525px;}
.w530{width:530px;}
.w535{width:535px;}
.w540{width:540px;}
.w545{width:545px;}
.w550{width:550px;}
.w555{width:555px;}
.w560{width:560px;}
.w565{width:565px;}
.w570{width:570px;}
.w575{width:575px;}
.w580{width:580px;}
.w585{width:585px;}
.w590{width:590px;}
.w595{width:595px;}
.w600{width:600px;}
.w605{width:605px;}
.w610{width:610px;}
.w615{width:615px;}
.w620{width:620px;}
.w625{width:625px;}
.w630{width:630px;}
.w635{width:635px;}
.w640{width:640px;}
.w645{width:645px;}
.w650{width:650px;}
.w655{width:655px;}
.w660{width:660px;}
.w665{width:665px;}
.w670{width:670px;}
.w675{width:675px;}
.w680{width:680px;}
.w685{width:685px;}
.w690{width:690px;}
.w695{width:695px;}
.w700{width:700px;}
.w705{width:705px;}
.w710{width:710px;}
.w715{width:715px;}
.w720{width:720px;}
.w725{width:725px;}
.w730{width:730px;}
.w735{width:735px;}
.w740{width:740px;}
.w745{width:745px;}
.w750{width:750px;}
.w755{width:755px;}
.w760{width:760px;}
.w765{width:765px;}
.w770{width:770px;}
.w775{width:775px;}
.w780{width:780px;}
.w785{width:785px;}
.w790{width:790px;}
.w795{width:795px;}
.w800{width:800px;}
.w805{width:805px;}
.w810{width:810px;}
.w815{width:815px;}
.w820{width:820px;}
.w825{width:825px;}
.w830{width:830px;}
.w835{width:835px;}
.w840{width:840px;}
.w845{width:845px;}
.w850{width:850px;}
.w855{width:855px;}
.w860{width:860px;}
.w865{width:865px;}
.w870{width:870px;}
.w875{width:875px;}
.w880{width:880px;}
.w885{width:885px;}
.w890{width:890px;}
.w895{width:895px;}
.w900{width:900px;}
.w910{width:910px;}
.w915{width:915px;}
.w920{width:920px;}
.w930{width:930px;}
.w940{width:940px;}
.w950{width:950px;}
.w955{width:955px;}
.w960{width:960px;}

.b-blank10{margin:0 0 10px 0;}
.b-blank20{margin:0 0 20px 0;}
.b-blank30{margin:0 0 30px 0;}
.blank10{width:100%; height:10px;}
.blank20{width:100%; height:20px;}
.blank30{width:100%; height:30px;}
.l-blank25{float:left; width:25px; height:10px;}

@font-face {
	font-family: 'AGENCYB';
	src:url('../font/AGENCYB.eot'); 
	src: 
		url('../font/AGENCYB.eot?#iefix') format('embedded-opentype'), 
		url('../font/AGENCYB.woff') format('woff'), 
		url('../font/AGENCYB.ttf') format('truetype'), 
		url('../font/AGENCYB.svg#aGENCYR') format('svg');
}

.main{width:1200px; margin:0 auto; position: relative;}

/*头部*/
header{}
header .top_box{height: 36px; line-height: 36px; background: #f6f6f6; border-bottom: 1px solid #e5e5e5; color: #888;}
header .top_box h2{float: left; font-size: 12px;}
header .top_box i{margin-right: 5px; color: #888;}
header .top_box ul{float: right;}
header .top_box ul li{float: left; position: relative;}
header .top_box ul li a,
header .top_box ul li a:visited{color: #777;}
header .top_box ul li a:hover{color: #d00;}
header .top_box ul li:before{position: relative; top: 1px; display: inline-block; content: ""; width: 1px; height: 11px; background: #c0c0c0; margin: 0 12px;}
header .top_box ul li:first-child:before{display: none;}
header .top_box ul li.xl_ewm .xl_box{position: absolute; left: 0px; top: 32px; z-index: 200; padding-top: 12px; display: none;}
header .top_box ul li.xl_ewm .xl_box span{display: block; padding: 5px; text-align: center; line-height: 25px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
header .top_box ul li.xl_ewm .xl_box span img{width: 100px; height: 100px; background: #ccc;}
header .top_box ul li.xl_ewm .xl_box:after{position: absolute; left: 50%; top: 0px; margin-left: -12px; display: block; content:url(../images/jt_top.png); line-height: 1!important;}
header .top_box ul li.xl_ewm:hover .xl_box{display: block;}

header .logo{float: left; height: 120px; line-height: 120px; position: relative;}
header .logo img{display: inline-block; vertical-align: middle; margin:20px auto;}
header .by{float: left; margin: 40px 0 0 12px; padding-left: 15px; font-size: 16px; color: #222; line-height: 1; border-left: 1px solid #e7e7e7;}
header .by span{display: block;margin-bottom: 8px; font-size: 22px; color: #015cb5; font-weight: bold; }

header .tel{float: right; margin-top: 20px; width: 285px;}
header .tel em{float: right;padding-left: 20px;}
header .tel em img{width: 80px; height: 80px; background: #ccc;}
header .tel span{display: inline-block; color: #979797; line-height: 20px;}
header .tel span i{float: left; color: #f59105; font-size: 22px;}
header .tel h2{padding: 5px 0; font-family: Impact; color: #015cb5; font-size: 27px; line-height: 1; font-weight: normal;}
header .tel h3{}
header .tel h3 a{background: #015cb5; line-height: 1; color: #fff; font-size: 12px; padding: 4px 8px; border-radius: 3px;}

.la{}
.sm{/*position: fixed; width: 100%; top: 0px; left: 0px; z-index: 999;*/}


/*导航*/
.nav {background:url(../images/menu_bg.jpg) no-repeat center top #015cb5; position: relative; z-index: 99;}
.nav > ul{z-index: 100;}
.nav > ul .nav_r{float: right; width: 970px;}
.nav > ul .nav_r > li{position:relative; text-align:center; float:left; width: 12.5%;}
.nav > ul .nav_r > li > a{height:50px; line-height:50px; display:block; color:#fff; font-size:16px; }
.nav > ul .nav_r > li > a:visited{color: #fff}
.nav > ul .nav_r > li > a.selected,
.nav > ul .nav_r > li > a:hover,
.nav > ul .nav_r > li > a.on{background: #023e78; color: #fff}
.nav > ul .nav_r > li > ul{position: absolute; width:100%; background:#444; padding: 10px 0; visibility:hidden; z-index:999999}
.nav > ul .nav_r > li > ul li{text-align:center; font-size:12px}
.nav > ul .nav_r > li > ul li a,
.nav > ul .nav_r > li > ul li a:visited{display: block; height: 40px; line-height: 40px; color: #fff;}
.nav > ul .nav_r > li > ul li a.selected,
.nav > ul .nav_r > li > ul li a:hover{background:#555; color:#fff}

/*产品分类*/
.nav > ul > li.nav_class{float: left; background: #023e78; width: 220px; line-height: 50px; color: #fff; font-size: 16px; position: static; text-align: center;}
.nav > ul > li.nav_class i{font-size: 18px; margin-right: 10px;}
.nav > ul > li.nav_class:hover{background: #fff; color: #024e9a; box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.nav > ul > li.nav_class ul{position: absolute; left: 0px!important; width: 100%!important; background: #fff; line-height: 1; visibility:hidden;}
.nav > ul > li.nav_class ul dl.nav_class_list{padding:15px 15px 5px 160px; min-height: 30px; text-align: left; overflow: hidden; border-bottom: 1px dashed #e7e7e7; position: relative;}
.nav > ul > li.nav_class ul dl.nav_class_list dt{position: absolute; left: 15px; top: 25px; padding-bottom: 10px; font-weight: bold; font-size: 12px;}
.nav > ul > li.nav_class ul dl.nav_class_list dt a{color: #024e9a;}
.nav > ul > li.nav_class ul dl.nav_class_list dd{float: left; margin-right: 10px; margin-bottom: 10px; position: relative; box-sizing: border-box; text-align: left; font-size: 12px;}
.nav > ul > li.nav_class ul dl.nav_class_list dd a{display: block; color: #777; padding: 0 10px; line-height: 30px; border-radius:8px; border: 1px solid #e7e7e7;}
.nav > ul > li.nav_class ul dl.nav_class_list dd a:hover{background: #e7e7e7; color: #333;}



.nav > ul > li.nav_class ul ol.nav_class_img{float: right; padding: 20px 0;}
.nav > ul > li.nav_class ul ol.nav_class_img li{float: left;}
.nav > ul > li.nav_class ul ol.nav_class_img li span{display: block; padding-left: 20px;}
.nav > ul > li.nav_class ul ol.nav_class_img li span img{width: 280px; height: 165px;}
.nav > ul > li.nav_class{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
.nav ul li ul{box-shadow: 0px 3px 3px rgba(0,0,0,0.1)!important;}

* HTML .nav {height: 1%}
.downarrowclass {position: absolute; top: -1000px; right: 7px;}
.rightarrowclass {position: absolute; top: 8px; right:15px;}
.ddshadow {position: absolute; width: 0px; background:none transparent scroll repeat 0% 0%; height: 0px; top: 0px; LEFT: 0px}
.toplevelshadow {opacity: 0.0}

/*搜索*/
.search_box{height:50px; border-bottom: 1px solid #e7e7e7; background: #f1f1f1; margin: 0 0 20px 0;}
.search_box .hot_pro{float:left; line-height:50px;}
.search_box .hot_pro a{margin:0 15px 0 0;}

.search_box .search{float:right; margin:10px 0 0 0; }
.search_box .search .search_text{float:left; width:220px; height:30px; line-height:30px; background: #e7e7e7; border:none; text-indent:10px; color:#888; font-size: 12px;}
.search_box .search .search_submit{float:left; width:47px; height:30px; background:url(../img/search_submit.png) no-repeat center #015cb5; border:none; cursor:pointer;}



/*联系我们*/
.f_lxwm{background: #024b97;}
.f_lxwm ul{overflow: hidden;}
.f_lxwm ul li{float: left; padding: 37px 0 30px 40px; box-sizing: border-box; position: relative;}
.f_lxwm ul li.dz{width: 27%;}
.f_lxwm ul li.dh{width: 48%; border-right: 1px solid #0372cb;}
.f_lxwm ul li i{position: absolute; left: 0px; top: 30px; color: #fff; font-size: 30px;}
.f_lxwm ul li h2{padding-bottom: 15px; font-size: 18px; line-height: 1; color: #fff;}
.f_lxwm ul li span{color: #a5b6d2; font-size: 14px; line-height: 25px;}
.f_lxwm ul li.btn{width:25%; text-align: right;}
.f_lxwm ul li.btn a{display: inline-block; border: 1px solid #5587ba; width: 170px; height: 40px; text-align: center; font-size: 14px; line-height: 40px; border-radius: 50px; color: #fcfffd;}
.f_lxwm ul li.btn a:hover{background: #fff; border-color: #fff; color: #024b97;}



/*底部*/
footer{background: #2a2a2a; padding-top: 50px;}
footer .ly{text-align: right; margin: -52px 0 50px 0;}
footer .ly img{width: 50%;}
footer address{float: left; width: 400px; line-height: 30px; color: #fff; font-style: normal;}
footer address img{float: left; margin-right: 20px;}
footer address span{float: left;}
footer address span font{color: #fff;}
footer address span b{display: block; padding:5px 0 7px 0; font-size: 1.33em; line-height: 1;}

footer .f_menu{float: left; overflow: hidden; border-left: 2px solid #313131; border-right: 2px solid #313131; padding: 0 0 0 40px;}
footer .f_menu dl{float: left; padding-right: 60px;}
footer .f_menu dl dt{font-size: 1.16em; line-height: 1;}
footer .f_menu dl dt a,
footer .f_menu dl dt a:visited,
footer .f_menu dl dt a:hover{color: #fff;}
footer .f_menu dl dt:after{display: block; content: ""; margin: 18px 0 10px 0; width: 30px; height: 2px; background: #bd0000;}
footer .f_menu dl.ab{overflow: hidden; width: 310px; padding-right: 30px;}
footer .f_menu dl.ab dd{float: left; width: 50%;}
footer .f_menu dl dd{line-height: 28px}
footer .f_menu dl dd a,
footer .f_menu dl dd a:visited{color: #8a8a8a;}
footer .f_menu dl dd a:hover{color: #fff;}

footer .ewm{float: right; text-align: center; color: #8a8a8a;}
footer .ewm img{width: 140px; margin-bottom: 5px;}

footer .link{margin-top: 25px; border-top: 1px solid #2f2f2f; padding: 17px 0; line-height: 25px; color: #555;}
footer .link ul{float: left; /*width: 60%;*/}
/*footer .link ul li{float: left;}
footer .link ul li a{color: #555; margin-right: 8px;}*/
footer .link span{float: right;}




.page{text-align:center; padding:20px 0}
.page .page_list{}
.page .page_list a{display:inline-block; margin:0 2px; width:26px; height:26px; border-radius:50%; overflow:hidden; text-align:center; line-height:26px; border:1px solid #e1e1e1; behavior:url(pie.htc); position:relative; font-family:Arial;}
.page .page_list a:hover{background:#fafafa; border:1px solid #e1e1e1; color:#555}
.page .page_list a.Current,
.page .page_list a.on{background:#1B72C7; border:1px solid #1B72C7; color:#fff}